.chatBoxItemRootLeft {
  margin-bottom: 30px;
  display: flex;
  padding: 5px;
  .headImg {
    width: 40px;
    height: 40px;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.219);
    border-radius: 50%;
    & img {
      width: 100%;
      height: 100%;
    }
  }
  .contentBox {
    display: flex;
    flex-direction: column;
    width: 92%;
    .date {
      margin-left: auto;
      color: rgba(0, 0, 0, 0.39);
    }
    .content {
      margin-left: 10px;
      width: 100%;
    }
  }
}
.chatBoxItemRootRight {
  margin-bottom: 30px;
  display: flex;
  padding: 5px;
  .headImg {
    order: 1;
    width: 40px;
    height: 40px;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.219);
    border-radius: 50%;
    & img {
      width: 100%;
      height: 100%;
    }
  }
  .contentBox {
    display: flex;
    flex-direction: column;
    width: 92%;
    .date {
      margin-right: auto;
      color: rgba(0, 0, 0, 0.39);
    }
    .content {
      margin-left: -5px;
      width: 100%;
    }
  }
}
